<template>
    <section class="recommend-detail-main bgcFFF">
      <p class="title">索弗按摩椅资讯标题文案资讯标索弗按摩椅资讯标题文案资讯标索弗按摩椅资讯标题文案资讯标索弗按摩椅资讯标题文案资讯标</p>
      <p class="timer">来源：北京青年报 20分钟前</p>
      <p v-html="content"></p>

      <div class="btn">
        <p class="line-bottom">
          <span class="inline-block text-c fs16">
              <i class="iconfont iconshoucang-weidianjix"></i>
              喜欢
            </span>
          <span class="inline-block text-c fs16">
              <i class="iconfont iconshoucang-weidianjix"></i>
              已收藏
            </span>
          <span class="inline-block text-c fs16">
              <i class="iconfont iconshoucang-weidianjix"></i>
              转发
            </span>
        </p>
      </div>

      <RecommendList :newData="newData" @new-id="newId"></RecommendList>
      <Loading :show="isLoading"></Loading>
    </section>
</template>

<script type="text/ecmascript-6">
  import RecommendList from '../../components/RecommendList.vue'
  import Loading from '../../components/Loading.vue'

  export default {
    components:{
      Loading,RecommendList
    },
    data() {
      return {
        isLoading:false,
        content:'13546513215',
        newData:[
          {
            type:1,
            title:'索弗按摩椅资讯标题文案资讯索弗按摩椅资讯标题文案资讯',
            src:'https://ss0.baidu.com/73x1bjeh1BF3odCf/it/u=1001710114,1693776115&fm=85&s=2DC27A2378F38F84AE35D48E0100E091',
            time:'北京青年报 20分钟前'
          },
          {
            type:1,
            title:'索弗按摩椅资讯标题文案资讯索弗按摩椅资讯标题文案资讯',
            src:'https://ss0.baidu.com/73x1bjeh1BF3odCf/it/u=1001710114,1693776115&fm=85&s=2DC27A2378F38F84AE35D48E0100E091',
            time:'北京青年报 20分钟前'
          },
          {
            type:1,
            title:'索弗按摩椅资讯标题文案资讯索弗按摩椅资讯标题文案资讯',
            src:[
              'https://ss0.baidu.com/73x1bjeh1BF3odCf/it/u=1001710114,1693776115&fm=85&s=2DC27A2378F38F84AE35D48E0100E091'],
            time:'北京青年报 20分钟前'
          },
        ],//
      }
    },
    watch:{
      '$route': function(to , from ){
        this.initData()
      }
    },
    created(){
      his.initData()
    },
    methods: {
      initData(){

      },
      newId(){
        this.$router.push({
          path:'/index/web/recommendDetail',
          query:{id:id}
        })
      },
    },
  }
</script>

<style lang="scss" scoped>
  @import "../../assets/css/recommendDetail";
</style>
